<template>
  <div class="user">
    <PageSearch :searchFormConfig="searchFormConfig" />
    <div class="context">
      <PageContent
        :tableData="tableData"
        :contentConfig="contentConfig"
      ></PageContent>
    </div>
  </div>
</template>

<script lang="ts">
import { defineComponent } from 'vue'
// import { useStore } from 'vuex'

import { searchFormConfig } from './config/searchFormConfig'
import PageSearch from '@/components/page-search'
import { contentConfig } from './config/content.config'
import PageContent from '@/components/page-content'

export default defineComponent({
  name: 'user',
  components: {
    PageSearch,
    PageContent
  },
  setup() {
    // const store = useStore()
    // store.dispatch('system/getPageListAction', {
    //   pageUrl: '/users/list',
    //   queryInfo: {
    //     offser: 0,
    //     size: 10
    //   }
    // })
    const tableData = [
      {
        date: '2016-05-03',
        name: 'Tom',
        address: 'No. 189, Grove St, Los Angeles'
      },
      {
        date: '2016-05-02',
        name: 'Pcc',
        address: 'No. 189, Grove St, Los Angeles'
      },
      {
        date: '2016-05-04',
        name: 'Tom',
        address: 'No. 189, Grove St, Los Angeles'
      },
      {
        date: '2016-05-01',
        name: 'Pcc',
        address: 'No. 189, Grove St, Los Angeles'
      }
    ]

    return {
      searchFormConfig,
      tableData,
      contentConfig
    }
  }
})
</script>

<style scoped></style>
